@import '~antd/lib/style/themes/default.less';

.main {
  width: 476px;
  margin: 0 auto;
  padding: 30px 54px;
  background: #000018;
  position: absolute;
    top: 50%;
    left:50%;

    transform: translate(-50%,-50%);
  :global {
    .ant-form-item {
      margin-bottom: 18px;
    }
    .ant-input{
      border: 1px solid #D8DEEA;
      opacity: 1; color: #fff;
      border-radius: 4px; background: none;background-color: #000018 !important}
    .ant-popover-arrow{ display: none}
    .ant-input:-webkit-autofill {
      background-color: #000018 !important;
    }
  }

  h3 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .getCaptcha {
    display: block;
    width: 100%;
    
border: 1px solid #FAD884;
opacity: 1;
border-radius: 4px;
background: none;
color: #FAD884;
  }

  .submit {
    width: 100%;
    
height: 50px;
background: #DEBC66;
opacity: 1; color: #fff;
border-radius: 25px;
  }

  .login {
    float: right;
    line-height: @btn-height-lg;
    
font-size: 14px;

font-weight: 400;

color: #FFD876;
opacity: 1;
  }
}

.success,
.warning,
.error {
  transition: color 0.3s;
}

.success {
  color: @success-color;
}

.warning {
  color: @warning-color;
}

.error {
  color: @error-color;
}

.progress-pass > .progress {
  :global {
    .ant-progress-bg {
      background-color: @warning-color;
    }
  }
}

.checkCode{
  
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 27px;
  color: #9AA0B1;
  opacity: 1;
  }
  .userNameList{
    width: 100%;
    max-height: 120px;
    overflow-y: auto;
    background: #F9F2E0;
    opacity: 1;
    border-radius: 4px;
    
  }
  .userNameListTag{
    width: 100%;
    height: 40px;
    
    opacity: 1;
    border-radius: 100px;
    line-height: 44px;
    position: relative;
    &:hover{
      background: #DEBC66;
      cursor: pointer;
      .iconfix i:first-child{
        display: none;
      }
      .iconfix i:last-child{
        display: block;
      }
      span.userName{
        color:#1D2334;
        
      }
      span:last-child{
        
        color: #1D2334;
        
      }
    }
    .iconfix i:first-child{
      display: block;
    }
    .iconfix i:last-child{
      display: none;
    }
    span.userName{
      
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      line-height: 27px;
      color: #666666;
      opacity: 1;
      margin-left: 50px;
     
    }
    span:last-child{
      
      font-size: 14px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      line-height: 24px;
      color: #999999;
      opacity: 1;
      margin-left: 10px;
    }
    
  }
  .userNameListCheck{
    width: 100%;
    height: 40px;
    cursor: pointer;
    background: #DEBC66;
    opacity: 1;
    border-radius: 100px;
    line-height: 44px;
    position: relative;
    .iconfix{
      transform: translateY(-15px);
    }
    span.userName{
      
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      line-height: 27px;
      color: #1D2334;
      opacity: 1;
      margin-left: 50px;
      
    }
    span:last-child{
      
      font-size: 14px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      line-height: 24px;
      color: #1D2334;
      opacity: 1;
      margin-left: 10px;
    }
    
  }
  .other {
    text-align: right;
    line-height: 22px;
    padding-top: 50px;
    .link span {
      color: #2D53F2;
      &:hover {
        color: #2D53F2;
      }
    }
  }
  .loginSubmit{
    width: 400px;
    height: 50px;
    background: #DEBC66 !important;
    
    border-radius: 50px !important;
  
    font-size: 22px;
   
    font-weight: 500;
    line-height: 50px;
    color: #FFFFFF;
    opacity: 1;
  }

  .dn{ display: none}
.loginId{ top: 50%; transform: translateY(-50%);}
.iconfix{ position: absolute; height: 26px; top: 50%; transform: translateY(-13px); display: inline-block; margin-left: 13px;}